<template>
	<main-content
		:tableHeight.sync="tableHeight"
		:otherDependenComponents="otherDependenComponents"
	>
		<template slot="query">
			<el-form
				ref="formRef"
				:inline="true"
				:model="queryData"
				class="flex-warp-container"
			>
				<el-form-item
					:label="`${$t('report.rebate_cycle')}:`"
					class="flex-row-container"
					label-width="77px"
				>
					<el-date-picker
						v-model="searchTime"
						type="daterange"
						:default-time="defaultTime"
						range-separator="-"
						:start-placeholder="$t('report.start_date')"
						:end-placeholder="$t('report.end_date')"
						:picker-options="pickerShortcutWithCurrPeriod"
						:clearable="false"
					></el-date-picker>
				</el-form-item>
				<el-form-item class="flex-row-container ptop">
					<el-select
						v-model="dateFlag"
						style="width:140px"
						:placeholder="$t('common.please_choose')"
					>
						<el-option label="代理账号" value="0" />
						<el-option label="总代账号" value="1" />
						<el-option label="直属上级" value="2" />
					</el-select>
					<el-input
						v-if="dateFlag == '0'"
						v-model.trim="queryData.proxyName"
						clearable
						style="width:180px"
						:placeholder="$t('common.please_enter')"
						v-input="{ name: 'num_alp' }"
					></el-input>
					<el-input
						v-if="dateFlag == '1'"
						v-model.trim="queryData.topProxyName"
						clearable
						style="width:180px"
						:placeholder="$t('common.please_enter')"
						v-input="{ name: 'num_alp' }"
					></el-input>
					<el-input
						v-if="dateFlag == '2'"
						v-model.trim="queryData.parentProxyAccount"
						clearable
						style="width:180px"
						:placeholder="$t('common.please_enter')"
						v-input="{ name: 'num_alp' }"
					></el-input>
				</el-form-item>
				<el-form-item
					:label="$t('report.agency_level')"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.proxyLevel"
						size="medium"
						:placeholder="$t('common.select_all')"
						clearable
						multiple
						collapse-tags
					>
						<el-option
							v-for="item in proxyleveList"
							:key="item.id"
							:label="item.id"
							:value="item.id"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item
					label="结算状态:"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.payoutStatus"
						size="medium"
						:placeholder="$t('common.select_all')"
						style="width: 200px"
						clearable
					>
						<el-option
							v-for="item in settlementStatusList"
							:key="item.code"
							:label="item.description"
							:value="item.code"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item
					label="业务模式:"
					class="flex-row-container"
					label-width="77px"
				>
					<el-select
						v-model="queryData.businessModel"
						size="medium"
						:placeholder="$t('common.select_all')"
						style="width: 200px"
						clearable
					>
						<el-option
							v-for="item in businessModelList"
							:key="item.code"
							:label="item.description"
							:value="item.code"
						></el-option>
					</el-select>
				</el-form-item>
				<el-form-item
					label="本期应发:"
					class="numberBox flex-row-container"
					label-width="77px"
				>
					<el-input
						v-model="queryData.personRebateAmountMin"
						size="medium"
						:placeholder="$t('common.minimum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="personRebateAmountMin"
						clearable
						@blur="
							handleAmount(
								queryData,
								1,
								'personRebateAmountMin',
								'personRebateAmountMax',
								$t('report.netProfitWarning')
							)
						"
					></el-input>
					-
					<el-input
						v-model="queryData.personRebateAmountMax"
						size="medium"
						:placeholder="$t('common.maximum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="personRebateAmountMax"
						clearable
						@blur="
							handleAmount(
								queryData,
								2,
								'personRebateAmountMin',
								'personRebateAmountMax',
								$t('report.netProfitWarning')
							)
						"
					></el-input>
				</el-form-item>
				<el-form-item
					label="实发收益:"
					class="numberBox flex-row-container"
					label-width="77px"
				>
					<el-input
						v-model="queryData.minIncomeAmount"
						size="medium"
						:placeholder="$t('common.minimum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="minIncomeAmount"
						clearable
						@blur="
							handleAmount(
								queryData,
								1,
								'minIncomeAmount',
								'maxIncomeAmount',
								$t('report.netProfitWarning')
							)
						"
					></el-input>
					-
					<el-input
						v-model="queryData.maxIncomeAmount"
						size="medium"
						:placeholder="$t('common.maximum')"
						style="width: 130px"
						maxLength="15"
						v-input="{ name: 'onlyTwoNum' }"
						name="maxIncomeAmount"
						clearable
						@blur="
							handleAmount(
								queryData,
								2,
								'minIncomeAmount',
								'maxIncomeAmount',
								$t('report.netProfitWarning')
							)
						"
					></el-input>
				</el-form-item>
				<el-form-item>
					<el-button
						type="primary"
						icon="el-icon-search"
						size="medium"
						:disabled="loading"
						@click="search"
					>
						{{ $t('common.search') }}
					</el-button>
					<el-button
						icon="el-icon-refresh-left"
						size="medium"
						:disabled="loading"
						@click="reset"
					>
						{{ $t('common.reset') }}
					</el-button>
					<el-button
						v-if="hasPermission('90630198')"
						type="warning"
						icon="el-icon-download"
						size="medium"
						:disabled="loading"
						:loading="exportLoading"
						@click="handleExportExcel"
					>
						{{ $t('common.export') }}
					</el-button>
					<!-- <el-button
						type="success"
						icon="el-icon-sort"
						:disabled="loading"
						size="medium"
						@click="openColSettings"
					>
						{{ $t('common.row_set') }}
					</el-button> -->
				</el-form-item>
				<date-picker-shortcuts
					kind="shortcutForButtons"
					:action="handleShortcutBtnClick"
					:loading="loading"
				/>
			</el-form>
			<el-link :underline="false" type="danger">
				{{ $t('report.refresh_warning_text') }}
			</el-link>
		</template>
		<template slot="content">
			<el-table
				key="father"
				v-loading="loading"
				element-loading-spinner="el-icon-loading"
				border
				ref="elTable"
				size="mini"
				class="small-size-table"
				:data="tableData"
				style="width: 100%"
				show-summary
				:max-height="tableHeight"
				highlight-current-row
				:summary-method="
					(val) => handleRow(val, subSummary, totalSummary)
				"
				:header-cell-style="getRowClass"
			>
				<el-table-column
					prop="reportDate"
					align="center"
					min-width="180"
					:fixed="true"
					label="结算周期"
					show-overflow-tooltip
				>
					<template slot-scope="scope">
						{{ formatDate(String(scope.row.cycleStatrtDate)) }} -
						{{ formatDate(String(scope.row.cycleEndDate)) }}
					</template>
				</el-table-column>
				<template>
					<el-table-column
						v-for="(itemParent, indexParent) in newCol"
						:key="'column_' + indexParent"
						:prop="itemParent.prop || 'staticsDate'"
						:align="itemParent.alignCenter || 'center'"
						:label="itemParent.label"
						:min-width="itemParent.minWidth"
						:fixed="itemParent.isFixed"
						:sortable="itemParent.isSortColumn"
						:show-overflow-tooltip="itemParent.isShowTip"
					>
						<template slot="header" slot-scope="{ column, $index }">
							<span
								@mousedown="
									handleMounseDown($event, column, $index)
								"
								@dragover="
									handleDragover($event, column, $index)
								"
								v-if="itemParent.itemTipContent"
							>
								{{ itemParent.label }}
								<el-tooltip
									class="item"
									effect="dark"
									:content="itemParent.itemTipContent"
									placement="top-start"
								>
									<i class="el-icon-question"></i>
								</el-tooltip>
							</span>
							<span
								@mousedown="
									handleMounseDown($event, column, $index)
								"
								@dragover="
									handleDragover($event, column, $index)
								"
								v-else
							>
								{{ itemParent.label }}
							</span>
						</template>
						<template slot-scope="{ row }">
							<div v-if="itemParent.solt === 'numberSolt'">
								{{ handleNumber('', row[itemParent.prop], 0) }}
							</div>
							<div v-if="itemParent.solt === 'copySolt'">
								<Copy
									:title="row[itemParent.prop]"
									:copy="copy"
									v-if="row[itemParent.prop] != '-'"
								>
									{{ row[itemParent.prop] }}
								</Copy>
								<span v-else>{{ row[itemParent.prop] }}</span>
							</div>
							<div v-if="itemParent.solt === 'businessModelSolt'">
								<p>
									{{
										mappingBusinessModel(
											row[itemParent.prop]
										)
									}}
								</p>
							</div>
							<div v-if="itemParent.solt === 'amountSolt'">
								<p>
									{{
										handleTotalNumber(
											row.currency,
											row[itemParent.prop]
										)
									}}
								</p>
							</div>
							<div v-if="itemParent.solt === 'defaultSolt'">
								<span>
									{{ row[itemParent.prop] }}
								</span>
							</div>
							<div v-if="itemParent.solt === 'statusSolt'">
								<span>
									{{ payoutStatusList[row[itemParent.prop]] }}
								</span>
							</div>
							<div v-if="itemParent.solt === 'popupSolt'">
								<el-link
									type="primary"
									@click="dialogDataSee(row)"
								>
									查看
								</el-link>
							</div>
							<div v-if="itemParent.solt === 'percentage'">
								<span>
									{{ (row[itemParent.prop] || 0) + '%' }}
								</span>
							</div>
						</template>
						<el-table-column
							v-for="(item, index) in itemParent.data"
							:key="index"
							:prop="item.prop"
							:align="item.alignCenter"
							:label="item.label"
							:min-width="item.minWidth"
							:sortable="item.isSortColumn"
							:show-overflow-tooltip="item.isShowTip"
						>
							<!-- 通过插槽为表头绑定mousedown和dragover方法 -->
							<template
								slot="header"
								slot-scope="{ column, $index }"
							>
								<span
									@mousedown="
										handleMounseDown($event, column, $index)
									"
									@dragover="
										handleDragover($event, column, $index)
									"
									v-if="item.itemTipContent"
								>
									{{ item.label }}
									<el-tooltip
										class="item"
										effect="dark"
										:content="item.itemTipContent"
										placement="top-start"
									>
										<i class="el-icon-question"></i>
									</el-tooltip>
								</span>
								<span
									@mousedown="
										handleMounseDown($event, column, $index)
									"
									@dragover="
										handleDragover($event, column, $index)
									"
									v-else
								>
									{{ item.label }}
								</span>
							</template>
							<template slot-scope="{ row }">
								<div v-if="item.solt === 'numberSolt'">
									{{ handleNumber('', row[item.prop], 0) }}
								</div>
								<div v-if="itemParent.solt === 'copySolt'">
									<Copy :title="row[item.prop]" :copy="copy">
										{{ row[item.prop] }}
									</Copy>
								</div>
								<div v-if="item.solt === 'amountSolt'">
									<p>
										{{
											handleTotalNumber(
												row.currency,
												row[item.prop]
											)
										}}
									</p>
								</div>
								<div v-if="item.solt === 'defaultSolt'">
									<span>
										{{ row[item.prop] || '-' }}
									</span>
								</div>
								<div v-if="item.solt === 'popupSolt'">
									<el-link
										type="primary"
										@click="dialogData2(row)"
									>
										{{
											handleTotalNumber(
												row.currency,
												row[item.prop]
											)
										}}
									</el-link>
								</div>
								<div v-if="item.solt === 'percentage'">
									<span>
										{{ (row[item.prop] || 0) + '%' }}
									</span>
								</div>
							</template>
						</el-table-column>
					</el-table-column>
				</template>
			</el-table>
			<!-- 分页 -->
			<el-pagination
				v-show="!!total"
				class="pageValue"
				:current-page.sync="pageNum"
				background
				layout="total, sizes,prev, pager, next, jumper"
				:page-size.sync="pageSize"
				:page-sizes="pageSizes"
				:total="total"
				:pager-count="9"
				@current-change="handleCurrentChange"
				@size-change="handleSizeChange"
			></el-pagination>
		</template>
		<detail-page
			v-if="visible"
			:detailData="detailData"
			:visible="visible"
			:memberDatas="memberDatas"
			:closeDialog="
				() => {
					visible = false
				}
			"
		/>
		<el-dialog
			:title="$t('common.row_set')"
			center
			:visible.sync="colSettings.visible"
			width="475px"
			class="setting-div"
		>
			<div>
				<el-link type="primary" class="mb15" @click="clickDel">
					复原缺省
				</el-link>
			</div>
			<el-tree
				:data="newCol"
				ref="tree"
				show-checkbox
				:default-checked-keys="columnsAllId"
				@check="handleCheckChange"
				node-key="id"
				:props="defaultProps"
			></el-tree>
			<div slot="footer" class="dialog-footer">
				<el-button @click="colSettings.visible = false">
					{{ $t('common.cancel') }}
				</el-button>
				<el-button type="primary" @click="handleOrderList">
					{{ $t('common.submit') }}
				</el-button>
			</div>
		</el-dialog>
		<el-dialog
			:visible="detailVisible"
			width="700px"
			:destroy-on-close="true"
			:title="
				'代理' +
					proxyAccountInfo.userName +
					'的德州俱乐部服务费贡献详情'
			"
			class="rempadding"
			:before-close="handleClose2"
		>
			<div style="padding:20px;">
				<div
					style="display: flex;justify-content: space-around;margin: 20px 0;"
				>
					<span>代理账号:{{ proxyAccountInfo.userName }}</span>
					<span>代理层级:{{ proxyAccountInfo.proxyLevel }}</span>
					<span>
						直属上级:{{ proxyAccountInfo.parentProxyName || '-' }}
					</span>
					<span>总代理:{{ proxyAccountInfo.topProxyName }}</span>
					<span>
						业务模式:{{
							mappingBusinessModel(proxyAccountInfo.businessModel)
						}}
					</span>
				</div>
				<div>
					<el-table
						:data="detailTableData"
						border
						style="width: 100%"
					>
						<el-table-column
							prop="project"
							label="项目"
							align="center"
						></el-table-column>
						<el-table-column
							prop="serviceChargeHandContribution"
							label="手牌服务费贡献"
							align="center"
						></el-table-column>
						<el-table-column
							prop="serviceChargeRoundContribution"
							label="局服务费贡献"
							align="center"
						></el-table-column>
						<el-table-column
							prop="serviceAmountContribution"
							label="总计服务费贡献"
							align="center"
						></el-table-column>
					</el-table>
				</div>
			</div>
		</el-dialog>
		<IncomeDetailDialog
			v-if="incomeDetailDialogVisible"
			:visible.sync="incomeDetailDialogVisible"
			@handleVisible="incomeDetailDialogVisible = false"
			:curData="curData"
		/>
	</main-content>
</template>

<script>
import list from '@/mixins/list'
import dayjs from 'dayjs'
import { routerNames } from '@/utils/consts'
import summaryList from './components/summaryList'
import MainContent from '@/components/MainContent/index.vue'
import DatePickerShortcuts from '@/components/DatePickerShortcuts'
import IncomeDetailDialog from '@/components/Funds/ProxyIncome/incomeDetailDialog.vue'
import { getColumns } from './components/columns'

export default {
	name: routerNames.dataComparisonReport,
	components: {
		DatePickerShortcuts,
		IncomeDetailDialog,
		MainContent,
		DetailPage: () => import('./components/ReportRebateDetail.vue')
	},
	mixins: [list, summaryList],
	data() {
		return {
			tableHeight: 480,
			curData: {},
			incomeDetailDialogVisible: false,
			otherDependenComponents: [],
			exportLoading: false,
			proxyleveList: [],
			newCol: '',
			searchTime: [
				this.$store.state.user.currentAccountPeriod.periodStDate,
				this.$store.state.user.currentAccountPeriod.periodEnDate
			],
			queryData: { inputType: 1, accountLevelList: [] },
			tableData: [],
			subSummary: {},
			memberDatas: [],
			totalSummary: {},
			businessModelList: [
				{
					description: '现金业务',
					code: '1'
				},
				{
					description: '信用业务',
					code: '2'
				}
			],
			dateFlag: '0',
			merchantObj: '',
			defaultProps: {
				children: 'data',
				label: 'label'
			},
			axiosDate: '',
			visible: false,
			detailData: {},
			colSettings: {
				visible: false,
				dialogColumnData: {}
			},
			activityListField: {},
			settlementStatusList: [
				{
					description: '无收益',
					code: '5'
				},
				{
					description: '待发放',
					code: '1'
				},
				{
					description: '已发放',
					code: '3'
				},
				{
					description: '已取消',
					code: '6'
				}
			],
			payoutStatusList: {
				1: '待发放',
				3: '已发放',
				5: '无收益',
				6: '已取消'
			},
			columnsAllIdObject: {},
			columnsAllId: [],
			detailVisible: false,
			detailTableData: [],
			proxyAccountInfo: {}
		}
	},
	computed: {},
	watch: {},
	created() {
		this.$store.dispatch('user/updateCurrentAccountPeriod')
		console.log()
		this.newCol = getColumns()
		// for (const index in this.newCol) {
		// 	let e = this.newCol[index]
		// 	this.columnsAllIdObject[e.id] = e.id
		// 	this.columnsAllId.push(e.id)
		// 	for (let j in e.data) {
		// 		this.activityListField[e.data[j].label] = true
		// 		this.columnsAllIdObject[e.data[j].id] = e.data[j].id
		// 		this.columnsAllId.push(e.data[j].id)
		// 	}
		// }
		// this.initIndexDB('statusOverView', this.activityListField)
		this.getProxyleve()
	},
	mounted() {},
	methods: {
		isPartRebateAmountNull(value) {
			if (value == null) {
				return '-'
			} else {
				return this.handleTotalNumber('USDT', value)
			}
		},
		formatDate(dateString) {
			// 将日期字符串解析为Date对象
			var date = new Date(
				dateString.substring(0, 4), // 年
				parseInt(dateString.substring(4, 6)) - 1, // 月 (注意月份在Date对象中是从0开始的，所以要减去1)
				dateString.substring(6, 8)
			) // 日

			// 格式化日期
			var formattedDate =
				date.getFullYear() +
				'-' +
				('0' + (date.getMonth() + 1)).slice(-2) +
				'-' + // 月份补零
				('0' + date.getDate()).slice(-2) // 日补零

			return formattedDate
		},
		handleCheckChange(_checkedKeys, _info) {
			this.columnsAllIdObject = {}
			this.columnsAllId = []
			const ids = this.$refs.tree.getCheckedNodes()
			for (const index in ids) {
				const e = ids[index]
				this.columnsAllIdObject[e.id] = e.id
				this.columnsAllId.push(e.id)
			}
		},
		dialogData(_flag, val) {
			this.detailData = {
				memberId: val.memberId,
				reportDate: val.staticsDate
			}
			this.visible = true
		},
		dialogDataSee(row) {
			this.curData = row
			this.incomeDetailDialogVisible = true
		},
		dialogData2(row) {
			this.detailVisible = true
			this.queryServiceRateAmountFun(row)
		},
		handleClose2() {
			this.detailVisible = false
		},
		getProxyleve() {
			this.$api.getProxylevelnameList().then((res) => {
				this.proxyleveList = res.data || []
			})
		},
		handleShortcutBtnClick(val) {
			this.searchTime = val
			this.search()
		},
		// 提交列设置数据
		handleOrderList() {
			this.colSettings.visible = false
			this.updateIndexDB()
		},
		// 打开列设置弹框
		openColSettings() {
			this.getIndexDB(this.activityListField)
			this.colSettings.visible = true
		},
		clickDel() {
			for (const index in this.newCol) {
				const e = this.newCol[index]
				this.columnsAllIdObject[e.id] = e.id
				this.columnsAllId.push(e.id)
				for (const j in e.data) {
					this.columnsAllIdObject[e.data[j].id] = e.data[j].id
					this.columnsAllId.push(e.data[j].id)
				}
			}
			this.$refs.tree.setCheckedKeys(this.columnsAllId)
		},
		changeTableSort({ column, prop, order }) {
			this.queryData.orderKey = prop
			if (order === 'ascending') {
				// 升序
				this.queryData.orderType = 'asc'
			} else if (column.order === 'descending') {
				// 降序
				this.queryData.orderType = 'desc'
			} else {
				delete this.queryData.orderKey
				delete this.queryData.orderType
			}
			this.loadData()
		},
		loadData() {
			if (+new Date() - 500 < this.axiosDate) return
			const timeArr = this.searchTime || []
			let params = {
				...this.queryData,
				cycleStartDate: dayjs(timeArr[0])
					.startOf('day')
					.format('YYYYMMDD'),
				cycleEndDate: dayjs(timeArr[1])
					.endOf('day')
					.format('YYYYMMDD')
			}
			if (this.dateFlag == '0') {
				delete params.topProxyName
				delete params.parentProxyAccount
			} else if (this.dateFlag == '1') {
				delete params.proxyName
				delete params.parentProxyAccount
			} else if (this.dateFlag == '2') {
				delete params.proxyName
				delete params.topProxyName
			}
			params = this.getParams(params)
			this.tableData = []
			const minM = dayjs(timeArr[0])
			const maxM = dayjs(timeArr[1])
			const month = dayjs(maxM).diff(minM, 'month')
			if (month >= 12) {
				this.$message.warning(this.$t('report.12_month'))
				this.total = 0
				return
			}
			this.loading = true
			this.pageCurrency = this.merchantObj?.currency || ''
			this.$api
				.incomeReportList(params)
				.then((res) => {
					setTimeout(() => {
						this.loading = false
					}, 5000)
					this.axiosDate = +new Date()
					this.tableData = res?.data?.record || []
					this.total = res?.data?.totalRecord || 0
					this.subSummary = res?.data?.summary || {}
				})
				.catch(() => {
					this.loading = false
				})
			this.$api
				.incomeReportTotal(params)
				.then((res) => {
					this.totalSummary = res?.data || {}
				})
				.catch(() => {
					this.loading = false
				})
		},
		search() {
			this.pageNum = 1
			this.loadData()
		},
		reset() {
			this.pageNum = 1
			this.queryData = { inputType: 1, accountLevelList: [] }
			this.merchantObj = ''
			this.dateFlag = '0'
			this.searchTime = [
				this.$store.state.user.currentAccountPeriod.periodStDate,
				this.$store.state.user.currentAccountPeriod.periodEnDate
			]
			if (this.$refs.elTable) {
				this.$refs.elTable.clearSort()
			}
			this.loadData()
		},
		handleExportExcel() {
			const timeArr = this.searchTime || []
			const params = {
				...this.queryData,
				cycleStartDate: dayjs(timeArr[0])
					.startOf('day')
					.format('YYYYMMDD'),
				cycleEndDate: dayjs(timeArr[1])
					.endOf('day')
					.format('YYYYMMDD')
			}
			this.exportLoading = true
			this.exportExcelPublic({
				api: 'incomeReportExport',
				params
			}).finally(() => {
				this.exportLoading = false
			})
		},
		queryServiceRateAmountFun(row) {
			this.detailTableData = []
			const params = {
				proxyId: row.proxyId,
				reportDate: row.reportDate
			}
			const loading = this.$loading({
				lock: true,
				text: 'Loading',
				spinner: 'el-icon-loading',
				background: 'rgba(0, 0, 0, 0.7)'
			})
			this.$api
				.queryServiceRateAmount(params)
				.then((res) => {
					loading.close()
					this.proxyAccountInfo = res.data.proxyResp
					const e = res.data.serviceAmountRateRespDTO
					const e1 = {
						project: e.venueName,
						serviceChargeHandContribution: this.handleTotalNumber(
							'USDT',
							e.serviceChargeHandContribution
						),
						serviceChargeRoundContribution: this.handleTotalNumber(
							'USDT',
							e.serviceChargeRoundContribution
						),
						serviceAmountContribution: this.handleTotalNumber(
							'USDT',
							e.serviceAmountContribution
						)
					}
					const e2 = {
						project: '占比',
						serviceChargeHandContribution: this.handlePercentage(
							e.serviceChargeHandContributionRate
						),
						serviceChargeRoundContribution: this.handlePercentage(
							e.serviceChargeRoundContributionRate
						),
						serviceAmountContribution: this.handlePercentage(
							e.serviceAmountContributionRate
						)
					}
					this.detailTableData.push(e1)
					this.detailTableData.push(e2)
				})
				.catch(() => {
					loading.close()
					this.visible = false
					this.auditDialog.loading = false
				})
		}
	}
}
</script>

<style lang="scss" scoped>
.tips-box {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12px;
}
::v-deep .el-dialog__header {
	color: #909399;
	font-weight: 700;
}
::v-deep .el-table__fixed-footer-wrapper .cell,
::v-deep .el-table__footer-wrapper .cell {
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	> div {
		height: 100%;
	}
}
::v-deep .footer_count_row {
	min-height: 50px;
	height: 50%;
	display: flex;
	font-weight: 700;
	padding: 5px 0;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
::v-deep .footer_count_row_border {
	border-top: 1px solid #ebeef5;
}
::v-deep .is-group th {
	background-color: #f5f7fa !important;
}
::v-deep .el-icon-question:after {
	font-size: 16px;
	margin-left: 0;
}
::v-deep .el-table th.el-table__cell > .cell {
	text-align: center;
}
</style>
